!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>品优购-综合网购首选-正品低价、品质保障、配送及时、轻松购物！</title>
    <link rel="shortcut icon" href="favicon.ico" />
    <!-- 引入字体图标的css文件 -->
    <link rel="stylesheet" href="./fonts/iconfont.css" />
    <!-- 引入初始化css文件 -->
    <link rel="stylesheet" href="./css/base.css" />
    <!-- 引入commoncss文件 -->
    <link rel="stylesheet" href="./css/common.css" />
    <!-- 引入列表页文件 -->
    <link rel="stylesheet" href="./css/list.css">
  </head>
  <body>
    <!-- 快捷导航栏 start -->
    <div class="shortcut">
      <div class="w">
        <div class="left">
          <span>品优购欢迎您！</span><a href="javascript:;">请登录</a
          ><a href="javascript:;" class="style-red">免费注册</a>
        </div>
        <div class="right">
          <ul>
            <li><a href="javascript:;">我的订单</a></li>
            <li class="sep">|</li>
            <li>
              <a href="javascript:;"
                >我的品优购
                <i class="iconfont iconjiantou9"></i>
              </a>
            </li>
            <li class="sep">|</li>
            <li><a href="javascript:;">我的品优购</a></li>
            <li class="sep">|</li>
            <li><a href="javascript:;">我的品优购</a></li>
            <li class="sep">|</li>
            <li>
              <a href="javascript:;"
                >我的品优购
                <i class="iconfont iconjiantou9"></i>
              </a>
            </li>
            <li class="sep">|</li>
            <li>
              <a href="javascript:;"
                >我的品优购
                <i class="iconfont iconjiantou9"></i>
              </a>
            </li>
            <li class="sep">|</li>
            <li>
              <a href="javascript:;"
                >我的品优购
                <i class="iconfont iconjiantou9"></i>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 快捷导航栏 结束 -->
    <!-- header部分开始 -->
    <header class="header w">
      <div class="logo">
        <h1>
          <a href="javascript:;" title="品优购">品优购</a>
        </h1>
      </div>
      <div class="sk">
         <a href="javascript:;">
             <img src="./images/secKill_03.png" alt="">
         </a>
      </div>
      <div class="search">
        <input type="text" placeholder="语言开发" /><button class="btn">
          搜索
        </button>
      </div>
      <div class="shopcar">
        <i class="iconfont icongouwuche"></i>
        <span>我的购物车</span>
        <i class="iconfont iconjiantou"></i>
        <em>8</em>
      </div>
      <div class="hotwords">
        <a href="javascript:;" class="style-red">优惠购首发</a><a href="javascript:;">亿元优惠</a><a href="javascript:;">9.9元团购</a><a href="javascript:;">每满99减30</a><a href="javascript:;">9.9元团购</a><a href="javascript:;">9.9元团购</a><a href="javascript:;">9.9元团购</a>
    </div>
      </div>
    </header>
    <!-- header部分结束 -->
    <!-- nav部分开始 -->
    <nav class="nav">
        <div class="w">
           
            <div class="sk_list">
                <ul>
                    <li><a href="javascript:;">品优秒杀</a></li>
                    <li><a href="javascript:;">即将售罄</a></li>
                    <li><a href="javascript:;">超值低价</a></li>
                </ul>
            </div>
            <div class="sk_con">
               <ul>
                   <li><a href="javascript:;">女装</a></li>
                   <li><a href="javascript:;"" class="style_red">女鞋</a></li>
                   <li><a href="javascript:;">女装</a></li>
                   <li><a href="javascript:;">女装</a></li>
                   <li><a href="javascript:;">女装</a></li>
                   <li><a href="javascript:;">女装</a></li>
                   <li><a href="javascript:;">女装</a></li>
                   <li><a href="javascript:;">女装</a></li>
                   <li><a href="javascript:;">更多分类<i class="iconfont iconjiantou9"></i></a></li>
               </ul> 
            </div>
        </div>
    </nav>
    <!-- nav部分结束 -->
    <!-- 列表页主体部分 -->
    <div class="list w">
      <div class="list-hd">
        <a href="javascript:;">
          <img src="./uploads/bg_03.png" alt="">
        </a>
      </div>
      <div class="list-bd clearfix">
           <ul>
             <li>
               <div class="img"><a href="javascript"><img src="./uploads/pro.jpg" alt=""></a></div>
               <div class="imgDesc">
                 <p>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
                 <p><span><em>￥</em><i>6088</i></span>
                  <small>￥6899</small>
                </p>
                 
               </div>
             </li>
             <li></li>
             <li></li>
             <li></li>
             <li></li>
             <li></li>
             <li></li>
             <li></li>
             <li></li>
             <li></li>
             <li></li>
             <li></li>
             <li></li>
             <li></li>
             <li></li>
             <li></li>
           </ul>
      </div>
    </div>
    <!-- footer底部开始 -->
    <footer class="footer">
        <div class="w">
          <div class="mod_service">
            <ul>
              <li><div class="img"></div>
                <div class="imgDesc">
                  <h5>正品保障</h5>
                  <p>正品保障</p>
              </li>
              <li>
                <div class="img"></div>
                <div class="imgDesc">
                  <h5>正品保障</h5>
                  <p>正品保障</p>
              </li>
              <li>
                <div class="img"></div>
                <div class="imgDesc">
                  <h5>正品保障</h5>
                  <p>正品保障</p>
              </li>
              <li>
                <div class="img"></div>
                <div class="imgDesc">
                  <h5>正品保障</h5>
                  <p>正品保障</p>
              </li>
              <li>
                <div class="img"></div>
                <div class="imgDesc">
                  <h5>正品保障</h5>
                  <p>正品保障</p>
              </li>
            </ul>
          </div>
          <div class="mod_help">
            <div class="mod_help_item">
              <h5>购物指南</h5>
              <ul>
                <li><a href="javascript:;">购物流程</a></li>
                <li><a href="javascript:;">会员介绍</a></li>
                <li><a href="javascript:;">生活旅行/团购</a></li>
                <li><a href="javascript:;">常见问题</a></li>
                <li><a href="javascript:;">大家电</a></li>
                <li><a href="javascript:;">联系客服</a></li>
              </ul>
            </div>
            <div class="mod_help_item">
              <h5>购物指南</h5>
              <ul>
                <li><a href="javascript:;">购物流程</a></li>
                <li><a href="javascript:;">会员介绍</a></li>
                <li><a href="javascript:;">生活旅行/团购</a></li>
                <li><a href="javascript:;">常见问题</a></li>
                <li><a href="javascript:;">大家电</a></li>
                <li><a href="javascript:;">联系客服</a></li>
              </ul>
            </div>
            <div class="mod_help_item">
              <h5>购物指南</h5>
              <ul>
                <li><a href="javascript:;">购物流程</a></li>
                <li><a href="javascript:;">会员介绍</a></li>
                <li><a href="javascript:;">生活旅行/团购</a></li>
                <li><a href="javascript:;">常见问题</a></li>
                <li><a href="javascript:;">大家电</a></li>
                <li><a href="javascript:;">联系客服</a></li>
              </ul>
            </div>
            <div class="mod_help_item">
              <h5>购物指南</h5>
              <ul>
                <li><a href="javascript:;">购物流程</a></li>
                <li><a href="javascript:;">会员介绍</a></li>
                <li><a href="javascript:;">生活旅行/团购</a></li>
                <li><a href="javascript:;">常见问题</a></li>
                <li><a href="javascript:;">大家电</a></li>
                <li><a href="javascript:;">联系客服</a></li>
              </ul>
            </div>
            <div class="mod_help_item">
              <h5>购物指南</h5>
              <ul>
                <li><a href="javascript:;">购物流程</a></li>
                <li><a href="javascript:;">会员介绍</a></li>
                <li><a href="javascript:;">生活旅行/团购</a></li>
                <li><a href="javascript:;">常见问题</a></li>
                <li><a href="javascript:;">大家电</a></li>
                <li><a href="javascript:;">联系客服</a></li>
              </ul>
            </div>
            <div class="mod_help_item">
              <h5>帮忙中心</h5>
              <div class="img">
                <img src="./images/wx_cz.jpg" alt="">
              </div>
              <p>品优购客户端</p>
            </div>
          </div>
          <div class="mod_copyright">
            <P>关于我们  |  联系我们  |  联系客服  |  商家入驻  |  营销中心  |  手机品优购  |  友情链接  |  销售联盟  |  品优购社区  |  品优购公益  |  English Site  |  Contact U
            </P>
            <P>
              地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn
            </P>
            <P>京ICP备08001421号京公网安备110108007702</P>
          </div>
        </div>
      </footer>
    </body>
  </html>
  